import { TodoList } from './components/TodoList';
// import './common/index';
import './App.less';
import { Date } from './components/Date';
import { DogImage } from './components/DogImage';

function App() {
  return (
    <div className="App">
      <TodoList />
      <h5>Load the dates on demand</h5>
      <Date />
      <div id="divider" />
      <h5>Load images on demand by clicking them</h5>
      {[1, 2, 3, 4].map((num) => (
        <DogImage num={num} key={`${num}`} />
      ))}
    </div>
  );
}

export default App;
